<script setup lang="ts">
const tableData = [
    {
        date: 'I类导管',
        name: '胸管',
        address: '',
    },
    {
        date: '2016-05-02',
        name: 'T管',
        address: '',
    },
    {
        date: '2016-05-04',
        name: '口鼻插管',
        address: '',
    },
    {
        date: '2016-05-01',
        name: '静动脉插管',
        address: '',
    },
    {
        date: '2016-05-01',
        name: '脑室引流管',
        address: '',
    },
    {
        date: '2016-05-01',
        name: '关节腔引流',
        address: '',
    },
    {
        date: '2016-05-01',
        name: '其他：',
        address: '',
    },
]
</script>

<template>
    <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="date" label="项目" width="180" />
        <el-table-column prop="name" label="内容" width="180" />
        <el-table-column prop="address" label="2025-05-15 05:47" width="180"/>
        <el-table-column prop="address" label="2025-05-16 10:00" width="180"/>
        <el-table-column prop="address" label="2025-05-18 11:00" width="180"/>
    </el-table>
    <div class="center">
        <p>this is a centered div</p>
    </div>
</template>

<style lang="scss" scoped>
.center {
    width: 200px;
    height: 100px;
    background-color: #f35f5f;
    position: absolute;
    top: 50%;
    left: 50%;
}
</style>